<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
/* 
    属性名:font-family 属性名:字体名,如:楷体
    拓展: font-family属性值可以书写多个字体名,各个字体名用逗号隔开,执行顺序是从左向右依次查找
    属性最后设置一个字体族名,网页开发建议使用无衬线字体,sans-serif
    */
        div{
            font-family:楷体,sans-serif;
        }
    </style>
</head>
<body>
    <div>测试文字</div>
</body>
</html>